<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>请登录 -SANZANG在线考试系统</title>
    <link rel="stylesheet" href="./layui/css/layui.css">
    <link rel="stylesheet" href="./css/me.css">
    <script src="./js/jquery.min.js"></script>
    <script src="./layui/layui.js"></script>
</head>

<body class="m-login-body">
    <div class="layui-card m-loginform-card">
        <div class="layui-card-header m-font-center">
            <h1
                style="font-weight: 200; text-align: center;font-size: 2em;display: block;margin-block-start: 0.67em;margin-block-end: 0.67em;margin-inline-start: 0px;margin-inline-end: 0px;">
                SANZANG在线考试系统</h1>
        </div>
        <div class="layui-card-body">
            <form action="login" class="layui-form m-form-tb-xs">
                <div class="layui-form-item">
                    <label class="layui-form-label">账号: </label>
                    <div class="layui-input-inline" style="width: 300px;">
                         <input type="text" name="user_id" required lay-verify="required" placeholder="请输入账号" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">密码: </label>
                    <div class="layui-input-inline" style="width: 300px;">
                        <input type="password" name="user_password" required lay-verify="required" placeholder="请输入密码" class="layui-input">
                    </div>
                </div>

                <div class="layui-form-item">
                    <label class="layui-form-label">类型: </label>
                    <div class="layui-input-inline" style="width: 90px;">
                        <select name="type" id="type">
                            <option value="student">考生</option>
                            <option value="admin">管理员</option>
                        </select>
                    </div>
                    <div class="layui-input-inline" style="width: 90px;">
                        <input type="text" name="yz" required lay-verify="required" placeholder="验证码"
                            class="layui-input">
                    </div>
                    <div class="layui-input-inline" style="width: 100px;">
                        <img id="yz" src="/OnlineExam/kaptcha" style="width: 100px; height: 40px;" onclick="changepic()">
                    </div>
                </div>

                <div class="layui-form-item">
                    <div class="layui-input-block">
                        <button class="layui-btn" lay-submit lay-filter="formDemo"
                            style="width: 150px;">登录</button>
                        <button type="reset" class="layui-btn layui-btn-primary" style="width: 130px; ">注册</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
    <div class="m-login-foot">
        <div>推荐使用Chrome内核、FireFox浏览器访问系统</div>
        <div>Copyright &copy; kingshion.cn All Right Reserved 2009-2020</div>
    </div>


    <script>
        layui.use(['layer', 'form', 'element'], function () {
            var layer = layui.layer, form = layui.form, element = layui.form;

        });
        function changepic() {
			console.log("换");
			var obj = document.getElementById("yz");
			obj.src = "/OnlineExam/kaptcha?r=" + Math.random();
			//加个随机数骗过浏览器换图			
		}
    </script>
</body>

</html>